<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base1.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font_efdmv91h9yh/iconfont.css">
    <link rel="stylesheet" href="./font_pafsqygz2tk/iconfont.css">
    <link rel="stylesheet" href="./font_hd7tqzs3jsj/iconfont.css">
</head>

<body>
    <div class="view">
        <!-- 顶部搜索区域 -->
        <div class="top_search">
            <div class="input">
            <span class="iconfont icon-sousu"></span>
            <input type="text" placeholder="搜索:目的地/酒店/景点/航班号">
            </div>
        </div>

        <!-- 服务内容区域 -->
        <div class="s_list">
            <ul>
                <li><a href="#">
                        <img src="./img/1.png" alt="">
                        <p>酒店</p>
                    </a></li>
                <li><a href="#">
                        <img src="./img/2.png" alt="">
                        <p>民宿/客栈</p>
                    </a></li>
                <li><a href="#">
                        <img src="./img/3.png" alt="">
                        <p>美食</p>
                    </a></li>
            </ul>
            <ul>
                <li><a href="#">
                        <img src="./img/4.png" alt="">
                        <p>机票</p>
                    </a></li>
                <li><a href="#">
                        <img src="./img/5.png" alt="">
                        <p>航班助手</p>
                    </a></li>
                <li><a href="#">
                        <img src="./img/6.png" alt="">
                        <p>接送机/包车</p>
                    </a></li>
            </ul>
            <ul>
                <li><a href="#">
                        <img src="./img/7.png" alt="">
                        <p>火车票</p>
                    </a></li>
                <li><a href="#">
                        <img src="./img/9.png" alt="">
                        <p>汽车/船票</p>
                    </a></li>
                <li><a href="#">
                        <img src="./img/9.png" alt="">
                        <p>租车</p>
                    </a></li>
            </ul>
            <ul>
                <li><a href="#">
                        <img src="./img/10.png" alt="">
                        <p>旅游</p>
                    </a></li>
                <li><a href="#">
                        <img src="./img/11.png" alt="">
                        <p>门票/活动</p>
                    </a></li>
                <li><a href="#">
                        <img src="./img/12.png" alt="">
                        <p>周边游</p>
                    </a></li>
            </ul>
            <ul>
                <li><a href="#">
                        <img src="./img/13.png" alt="">
                        <p>攻略/景点</p>
                    </a></li>
                <li><a href="#">
                        <img src="./img/14.png" alt="">
                        <p>购物/免税</p>
                    </a></li>
                <li><a href="#">
                        <img src="./img/15.png" alt="">
                        <p>借钱/分期</p>
                    </a></li>
            </ul>


        </div>

        <!-- 广告区域 -->
        <div class="banner">
            <div class="live">
                <a href="#">
                    <img src="./img/t1.png" alt="">
                    <span>特价好货直播中</span>
                </a>
                <div class="image">
                    <div class="title">酒店套餐</div>
                    <a href="#"><img src="./img/02A1912000krh3gdj749F_D_280_280_R5.jpg" alt=""></a>
                    <div class="content">千岛湖明豪国际度假酒店2晚</div>
                </div>
                <p>
                    <span>¥</span>
                    <span>1799</span>
                </p>
            </div>

            <div class="jingxuan">
                <div class="title_jx">
                    <a href="#">
                        <img src="./img/精选.png" alt="">
                        <div class="top_title">权威排行榜</div>
                    </a>
                </div>

                <div class="pic">
                    <div class="public_box">
                        <div class="smallt">上海</div>
                        <img src="./img/p2.jpg" alt="">
                        <p>奢华酒店榜</p>
                    </div>
                    <div class="public_box">
                        <div class="smallt">上海</div>
                        <img src="./img/p3.jpg" alt="">
                        <p>亲子乐园酒店榜</p>
                    </div>
                </div>

            </div>
        </div>

        <!-- 广告图片 -->
        <div class="banner_image">
            <img src="./img/b1.jpg" alt="">
        </div>

        <!-- 电话帮助 -->
        <div class="help">
            <div class="phone">
                <a href="#">
                    <span class="iconfont icon-dianhua"></span>
                    <span>电话预定</span>
                </a>
            </div>
            <div class="phone"></div>
            <div class="phone">
                <a href="#">
                    <span class="iconfont icon-xiazai"></span>
                    <span>下载教程</span>
                </a>
            </div>
        </div>

        <!-- 底部出处 -->
        <div class="foot">
            <p class="p">
                <span>网站地图</span>
                <span>电脑版</span>
            </p>
            <p class="h">
                <span>@2025携程旅行</span>
                <span>沪ICP备08023580号</span>
            </p>
        </div>

        <!-- 底部导航 -->
        <div class="foot_nav">
            <ul>
                <li><a href="#">
                    <span class="iconfont icon-shouye"></span>
                    <p>首页</p>
                </a></li>
                <li><a href="#">
                    <span class="iconfont icon-shequ"></span>
                    <p>社区</p>
                </a></li>
                <li><a href="#">
                    <span class="iconfont icon-xiaoxi"></span>
                    <p>消息</p>
                </a></li>
                <li><a href="#">
                    <span class="iconfont icon-wode"></span>
                    <p>我的</p>
                </a></li>
            </ul>
        </div>

        <!-- 每日签到 -->
        <div class="day">
            <a href="#">
                <img src="./img/signin-d.png" alt="">
            </a>
        </div>
    </div>
</body>

</html>